Slack -The power of empty states how Slack drives user activation空狀態設計四型別

空狀態的重要性:
雖然這些狀態在技術上沒有內容顯示,經常被產品設計忽視,但它們對使用者體驗非常重要,原因是:
- 沒有合適的空狀態設計,使用者會感到困惑(可能以為系統出錯了 🐞)
- 它們能傳達系統狀態,讓使用者掌控感更強
- 可以巧妙地引導使用者下一步操作
權威使用者體驗研究機構 NNGroup 指出:
Totally empty states cause confusion about how and whether the system is working. An empty screen leaves people with questions: Is the system finished processing the request? Is content still loading? Did an error occur? Did I set the wrong filters or parameters?完全空白的狀態會讓使用者對系統是否正常執行產生疑問:請求是否處理完成?是否還在載入?是否出錯了?過濾條件是否設定錯誤?
Slack 從 2013 到 2025 的發展歷程
Slack 是創業界的傳奇,從 Glitch 遊戲失敗後轉型為團隊溝通工具。8個月內就達到獨角獸估值。2013 年推出後快速增長,到 2019 年日活使用者達 1000 萬,歸功於遠端辦公趨勢和產品驅動增長。2021 年被 Salesforce 以 277 億美元收購,但增長從 2023 年的 46% 降至 2024 年的 16%。

Empty states in search 搜尋中的空狀態 🔎
搜尋欄提示文字會隨機變化,展示有趣實用的內容,讓產品感覺更人性化。
這種設計有兩個作用:
- 每次顯示不同內容,增加使用者使用樂趣 🧠
- 透過趣味性激發探索慾望 🧠
這種設計不僅提升了使用者參與度,還讓搜尋功能更易理解。透過在功能中注入趣味和個性,Slack成功在競爭中脫穎而出。

First use onboarding empty states 首次使用的空狀態設計
建立Slack工作區並用Slack Connect接受客戶邀請,作為新使用者試用後,頻道的空狀態設計。

注意頁面不是空白的。我能看到活動(比如我的加入記錄)、模板、歡迎訊息和輸入提示。

即使我還沒有任何操作,工作區就已經顯得很活躍了。我還看到系統已經自動為我建立了三個頻道。
每個頻道都有專門的空狀態設計:
- 新手指引提示
- 清晰的視覺介面
- 核心價值展示
- 預設問候語(如"大家好")

這些建議操作簡單輕鬆,比如:
- 分享表情包
- 一起喝杯咖啡
- 定製歡迎資訊
這些操作都在引導使用者完成核心任務,幫助新使用者更好地參與和上手。
Slack甚至為自己和自己的私聊設計了空狀態。Slack透過預判使用者需求,降低使用門檻,引導完成關鍵步驟。這種自然融入的引導方式,比傳統的提示和彈窗更有效。
預設提示文字"給自己留言..."和"明天,我要..."貼近使用者在即時通訊軟體中的日常使用習慣。這種設計減少了使用者面對空白頁面時的困惑感。就像進入房間會短暫忘記目的一樣,開啟新頁面也需要適當引導。
主要目標:
- 熟悉新環境
- 瞭解功能用法
- 簡化初始設定
- 避免操作障礙
- 營造活躍氛圍

Cleared End-goal empty states 任務完成的空狀態設計
Slack移動端的"追趕進度"功能讓使用者可以透過左右滑動快速瀏覽訊息。瀏覽完成後會顯示一條簡短的祝賀語。和搜尋欄類似,瀏覽完成提示也會隨機變化,風格從輕鬆到熱情不等:
- 全部清空
- 搞定!已經看完了
- 都看完啦,接下來做什麼?
- 該看的都看完了,休息一下吧

錯誤狀態設計 (Error States):隨機提示語給產品增添個性,在各功能中保持統一風格,打造獨特品牌體驗。這種輕鬆的風格區別於Teams等競品。這些提示不僅展現品牌特色,還能標示任務完成,給出結束訊號。任務完成時的滿足感有助於養成使用習慣。

Uh oh error empty states 錯誤狀態設計
測試錯誤狀態的兩種方法:斷網時顯示骨架屏,讓介面保持基本輪廓,避免白屏帶來的突兀感。這種設計讓產品看起來在後臺工作,營造勞動錯覺效果🧠
- 斷開網路連線
- 搜尋不存在的內容

斷網提示:工作區載入遇到問題,以下是一些建議:
- 重啟Slack試試
- 檢查Slack服務狀態
- 檢視連線故障指南

使用者體驗亮點:系統坦誠提供解決辦法。搜尋無結果時提供最佳化建議和反饋入口。

In conclusion: empty states as strategic UX 將空狀態作為戰略性使用者體驗
- 保持親和力:用個性化的品牌聲音與使用者溝通,避免陳詞濫調。用你希望別人對你說話的方式來設計。
- 保持在場:避免留白和死衚衕,把每個空狀態都變成提升使用者參與度的機會。
具體實施可以遵循以下步驟:
- 稽核空狀態,識別產品中的所有空白頁面和狀態。
- 增加個性,運用品牌一致的語言建立人性化連線。
- 簡化體驗,提供清晰指引和模板,預防使用者困惑。
- 創造動力,透過空狀態自然引導使用者完成關鍵操作。
- 保持透明,遇到問題時坦誠溝通,提供明確解決方案。

